
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<html>
<head>
    <title>站点管理</title>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="/css/workflow/work/automaticNumbering.css">

    <style>
        .news{
            cursor: pointer;
        }
        .layui-layer-btn {
            text-align: center !important;
        }
        .back{
            display: inline-block;
            float: right;
            margin-right: 3%;
            margin-top: 5px;
            color: #fff;
            border-radius: 6px;
            cursor: pointer;
            height: 30px;
            line-height: 30px;
            font-size: 12pt;
            background: #dd2e2c;
            width: 70px;
            text-align: center;
        }
        .templateManager{
            display: none;
        }
        #form{
            width:100%;
            height:100%;

        }
        .left{
            float:left;
            width:80%;
            height:100%;
        }
        .right{
            float: right;
            width:20%;
            height:100%;
        }
        .input{
            height:25px;
            width:150px;
        }
        b{
            color: red;
            font-size: 18px;
            position: relative;
            top:5px;
            left:5px;
        }
        a:hover, a:focus {
            text-decoration: none;
        }
        .maintop p {
            float: left;
            height: 41px;
            line-height: 54px;
        }
        table td a {
            color: #2e8ded;
            margin: 6px;
        }
        .btnTheme {
            background: #ccc!important;
        }
        .btnThemes {
            background: #ccc!important;
            /*background: url(/img/cabinet01.png) no-repeat !important;*/
            color: #fff;
            border-radius: 6px;
            cursor: pointer;
            height: 30px;
            line-height: 30px;
            font-size: 12pt;
            padding: 0px 10px 0px 20px;
        }
    </style>
    <link rel="stylesheet" href="../../lib/layui/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/lib/layer/layer.js?20201106"></script>
    <script type="text/javascript" src="/lib/laydate/laydate.js"></script>
    <script type="text/javascript" src="../../lib/layui/layui/layui.js"></script>
    <script type="text/javascript" src="/js/base/base.js?20190621"></script>
    <%--<script src="/js/smsSettings/sms.js"></script>--%>
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
</head>
<body style="background: #fff">
<div class="site">
    <input type="hidden" value="${sessionScope.module}" id="module">
    <div class="maintop clearfix" id="maintop" style="border-bottom:1px solid #999;height:45px;">
        <p style="margin-left: 10px">
            <img src="/img/commonTheme/${sessionScope.InterfaceModel}/wangguan.png" style="width: 25px;height: 24px;vertical-align: text-bottom;" alt="">
            <label style="display: inline-block;">站点管理</label>
        </p>
        <span  class="newsBtn newsBtntwo btnTheme " id="newBtn1" style="border-radius: 3px;float: right;margin-right: 3%;margin-top: 9px;" href="javascript:void (0)" data-num="0"><img  src="../../img/mywork/newbuildworjk.png" alt="" style="    max-width: 12px;margin:-3px 5px 0px -8px;"><fmt:message code="global.lang.new" /></span><%--新建--%>
    </div>
    <div class="mainBottom" style="margin-top: 21px;">
        <table>
            <thead>
            <tr>
                <th class="th" width="8%" align="center">排序号</th>
                <th class="th" width="8%" align="center">站点ID</th>
                <th class="th" <%--width="10%"--%> align="center">站点名称</th>
                <th class="th" <%--width="10%"--%> align="center">站点标识</th>
                <th class="th" width="10%" align="center">发布状态</th>
                <th class="th" width="30%" align="center">操作</th>
            </tr>
            </thead>
            <tbody id="tbody">

            </tbody>
        </table>
    </div>
</div>
</body>
<script>
    function checkehuo(name, val) {
        if (val == '') {
            return;
        }
        $('[name="' + name + '"]').find('option').each(function(i, n) {
            if ($(this).val() == val) {
                $(this).attr('selected', 'selected')
            } else {
                $(this).removeAttr('selected', 'selected')
            }
        })
    }

    function getData(){  //站点列表
        $.get('/cmsSite/getSiteList',function (json) {
            if(json.flag){
                var arr=json.data;
              //  console.log(arr);
                var str='';
                for(var i=0;i<arr.length;i++){
                    str+='<tr portalId='+arr[i].sid+'>' +
                        '<td>'+arr[i].sortNo+'</td>' +
                        '<td>'+arr[i].sid+'</td>' +
                        '<td>'+arr[i].siteName+'</td>' +
                        '<td>'+arr[i].siteIdentity+'</td>' +
                        '<td>'+function () {
                           if(arr[i].pubStatus==0){
                               return '<span style="color: red">未发布</span>';
                           }else {
                               return '<span style="color: green">已发布</span>';
                           }
                        }()+'</td>' +
                        '<td>' +
                        '<a id="editor" href="javascript:void (0)">编辑</a>' +
                        '<a id="template" href="/site/templateManager?portalId='+arr[i].sid+'">模板</a>'+function () {
                            if(arr[i].pubStatus==0){
                                return '<a style="color: green" type="1" id="pub" href="javascript:void (0)">发布</a>';
                            }else {
                                return '<a style="color: red" type="0"id="pub" href="javascript:void (0)">停用</a>';
                            }
                        }()+
                        '<a href="javascript:void (0)" id="preview" >预览</a>' +
                        '<a id="del" style="color: red" href="javascript:void (0)">删除</a>' +
                        '<a id="addMenu" href="javascript:void (0)">添加菜单门户</a>' +
                        '</td>' +
                        '</tr>'
                }
                $('table #tbody').html(str)
                if(!matchString($('#module').val(),'4')&&$('tbody tr').length>=2){
                    $('#newBtn1').removeClass('btnTheme')
                    $('#newBtn1').addClass('btnThemes')
                    $('#newBtn1').removeClass('newsBtn')
                }else {
                    $('#newBtn1').removeClass('btnThemes')
                }
            }
        },'json')
    } getData();

    $(function(){

        $('#tbody').on('click','#preview',function(){//预览模板
            var portalId=$(this).parents('tr').attr('portalid');
            window.open("/cmsPub/portal?siteId="+portalId+'&preivewFlag=true');
        });

        $('#tbody').on('click','#addMenu', function () {
            var portalId=$(this).parents('tr').attr('portalid');
            layer.open({
                type: 1,
                title:['添加菜单或门户说明', 'background-color:#2b7fe0;color:#fff;'],
                area: ['700px', '460px'],
                shadeClose: false, //点击遮罩关闭
                content:
                '<div class="inputlayout">' +
                '<ul>' +
                '<li class="clearfix">' +
                '</li>' +
                '<li style="width: 58%;margin: 0 auto; class="clearfix">' +
                '<p style="color: #333;font-size: 14px">1.如何将站点添加为菜单？</p>' +
                '<div style="padding-left: 15px">' +
                '<p> 点击<code>系统管理-菜单设置</code>，选择一级菜单，点击<code>增加子菜单</code>选项，子菜单模块路径按照<code>/cmsPub/portal?siteId='+portalId+'</code>填写，其他项按照说明填写既可。</p>' +
                '</div>' +
                '<p style="color: #333;font-size: 14px">2.如何将站点设置为门户？</p>' +
                '<div style="padding-left: 15px"><p>点击<code>系统管理-门户设置</code>，选择<code>门户类型</code>为站点门户，<code>站点门户地址</code>选择想要设置的站点即可。</p></div>' +
                '</li>' +
                '</ul>' +
                '</div>'

            });
        })

            $('#maintop').on('click','#newBtn1', function () {//站点新建
                if(!matchString($('#module').val(),'4')&&$('tbody tr').length>=2){
                    layer.msg('CMS门户内容管理为可选组件，内置版本为试用版，限制建立2个站点，如需购买本组件请联系开发厂商。');
                    return ;
                }else {
                    layer.open({
                        type: 1,
                        title:['创建站点', 'background-color:#2b7fe0;color:#fff;'],
                        area: ['700px', '460px'],
                        shadeClose: false, //点击遮罩关闭
                        content:
                        '<form id="saveRule" class="layui-form">' +
                        '<div class="inputlayout">' +
                        '<ul>' +
                        '<li class="clearfix">' +
                        '<p style="text-align: center;background: #f0f0f0;font-weight: 700;">基础信息</p>' +
                        '</li>' +
                        '<li class="clearfix">' +
                        '<label>站点名称 ：</label><input id="portalName" type="text" name="portalName" value="">' +
                        '</li>' +
                        '<li class="clearfix">' +
                        '<label>站点标识 ：</label><b>*</b><input id="portalMark" type="text" name="portalMark" value="">' +
                        '</li>' +
                        '<li class="clearfix">' +
                        '<label>排序号 ：</label><input id="sortNo" type="text" name="sortNo" value="">' +
                        '</li>' +
//                '<li class="clearfix">' +
//                '<label>存放位置 ：</label><input id="path" type="path" name="port">' +
//                '</li>' +
                        '<li class="clearfix">' +
                        '<p style="text-align: center;background: #f0f0f0;font-weight: 700;">拓展信息</p>' +
                        '</li>' +
                        '<li style="width: 58%;margin: 0 auto; class="clearfix">' +
                        '<p style="color: #333;font-size: 14px">1.如何将站点添加为菜单？</p>' +
                        '<div style="padding-left: 15px">' +
                        '<p> 点击<code>系统管理-菜单设置</code>，选择一级菜单，点击<code>增加子菜单</code>选项，子菜单模块路径按照<code>/cmsPub/portal?siteId=站点序号</code>（例：<code>/cmsPub/portal?siteId=1</code>）填写，其他项按照说明填写既可。</p>' +
                        '</div>' +
                        '<p style="color: #333;font-size: 14px">2.如何将站点设置为门户？</p>' +
                        '<div style="padding-left: 15px"><p>点击<code>系统管理-门户设置</code>，选择<code>门户类型</code>为站点门户，<code>站点门户地址</code>选择想要设置的站点即可。</p></div>' +
                        '</li>' +
                        '</ul>' +
                        '</div>' +
                        '</form>',
                        btn: ['保存','取消'],
                        btn1: function (index) {
                            if($('#portalMark').val()==''){
                                layer.msg('请填写站点标识', { icon:6});
                                return false;
                            }
                            $.ajax({
                                type:'post',
                                url:'/cmsSite/addSiteInfo',
                                dataType:'json',
                                data:{
                                    siteName:$('#portalName').val(),
                                    siteIdentity:$('#portalMark').val(),
                                    sortNo:$('#sortNo').val(),
                                    folder:$('#path').val(),
                                },
                                success:function(){
                                    location.reload();
                                }
                            });

                        },
                    });
                }

        })

        $('#tbody').on('click','#del',function(){ //站点删除
            var portalId=$(this).parents('tr').attr('portalid');
            layer.confirm('确定要删除吗？', {
                btn: ['确定', '取消'], //按钮
                title: "删除信息"
            }, function() {
                //确定删除，调接口
                $.ajax({
                    type: 'post',
                    url: '/cmsSite/delSiteInfo',
                    dataType: 'json',
                    data: {
                        sid: portalId
                    },
                    success: function(res) {
                        if (res.flag) {
                            $.layerMsg({ content: '删除成功！', icon: 1 });
                        } else {
                            $.layerMsg({ content: '删除失败！', icon: 1 });
                        }
                        location.reload();
                    }
                })
            });
        })
        $('#tbody').on('click','#pub',function(){
            var portalId=$(this).parents('tr').attr('portalId');
            var pubStatus = $(this).attr('type');
            $.ajax({//发布相关展示
                type:'post',
                url:'/cmsSite/updatePubStatus',
                data:{sid:portalId,pubStatus:pubStatus},
                success:function(res){
                    if(res.flag) {
                        $.layerMsg({content: '操作成功！', icon: 1}, function () {
                            location.reload();
                        })
                    }
                    var str='';
                    var datas='';
                    /* if(res.flag){
                         for(var i =0;i<obj.length;i++){
                             datas+='<option templateId='+obj[i].templateId+' value='+obj[i].templateId+'>'+obj[i].templateName+'</option>'
                             str+='<option templateId='+obj[i].templateId+' value='+obj[i].templateId+'>'+obj[i].templateName+'</option>'
                         }
                         $('#homePage').html(str);
                         $('#cablet').html(datas)
                     }*/
                }
            })
        })
        $('#tbody').on('click','#editor',function(){ //站点编辑
            var portalId=$(this).parents('tr').attr('portalId');
            layer.open({
                type: 1,
                title:['编辑站点', 'background-color:#2b7fe0;color:#fff;'],
                area: ['700px', '460px'],
                shadeClose: false, //点击遮罩关闭
                content:
                '<form id="saveRule" class="layui-form">' +
                '<div class="inputlayout">' +
                '<ul>' +
                '<li class="clearfix">' +
                '<p style="text-align: center;background: #f0f0f0;font-weight: 700;">基础信息</p>' +
                '</li>' +
                '<li class="clearfix">' +
                '<label>站点名称 ：</label><input type="text" name="portalName" value="">' +
                '</li>' +
                '<li class="clearfix">' +
                '<label>站点标识' +
                ' ：</label><b>*</b><input type="text" name="portalMark" value="">' +
                '</li>' +
                '<li class="clearfix">' +
                '<label>排序号 ：</label><input type="text" name="sortNo" value="">' +
                '</li>' +
//                '<li class="clearfix">' +
//                '<label>存放位置 ：</label><input type="text" name="path">' +
//                '</li>' +

                '</ul>' +
                '<ul>' +
                '<li><p style="text-align: center;background: #f0f0f0;font-weight: 700;">发布相关</p></li>' +
                '<li class="clearfix"><label>首页模板：</label><select style="display: inline-block" name="homePage" id="homePage"></select></li>'+
                '<li class="clearfix"><label>细缆模板：</label><select style="display: inline-block" name="cablet" id="cablet"></select></li>'+
                '</ul>'+
                '</div>' +
                '</form>',
                btn: ['保存','取消'],
                success:function(){
//                    $.ajax({//发布相关展示
//                        type:'post',
//                        url:'/temp/selectPortalTemplate',
//                        data:{portalId:portalId},
//                        success:function(res){
//                            var obj=res.obj;
//                            var str='';
//                            var datas='';
//                            if(res.flag){
//                                for(var i =0;i<obj.length;i++){
//                                    datas+='<option templateId='+obj[i].templateId+' value='+obj[i].templateId+'>'+obj[i].templateName+'</option>'
//                                    str+='<option templateId='+obj[i].templateId+' value='+obj[i].templateId+'>'+obj[i].templateName+'</option>'
//                                }
//                                $('#homePage').html(str);
//                                $('#cablet').html(datas)
//                            }
//                        }
//                    })
                    var indextpl;
                    var detailTpl;
                    $.ajax({//信息回显
                        type:'get',
                        url:'/cmsSite/getSiteInfo',
                        dataType:'json',
                        data:{siteId:portalId},
                        success:function(res){
                            var data=res;
                            var lists = res.siteTemplates;
                            var render = [];

                            indextpl=data.indexTpl;
                            detailTpl=data.detailTpl;
                            // var value=$("#homePage").attr('value');
                            if(res){
                                //checkehuo("homePage",data.homeTemplate);
                                for(var i=0;i<lists.length;i++){
                                    render.push("<option value=\""+lists[i].sid+"\">"+lists[i].tplName+"</option>");
                                }
                                $("#homePage").html(render.join(""));
                                $("#cablet").html(render.join(""));
                                $("#homePage").val(indextpl);
                                $("#cablet").val(detailTpl);

                                $('input[name="path"]').val(data.folder);
                                $('input[name="portalName"]').val(data.siteName);
                                $('input[name="portalMark"]').val(data.siteIdentity);
                                $('input[name="sortNo"]').val(data.sortNo)
                            }
                        }
                    })

//                    $.ajax({//编辑模板回显
//                        type:'get',
//                        url:'/cmsMoudle/listTemplates',
//                        dataType:'json',
//                        data:{siteId:portalId},
//                        success:function(res){
//                            var data=res.data;
//                            var render = [];
//                            if(res.flag){
//                                for(var i=0;i<data.length;i++){
//                                    render.push("<option value=\""+data[i].sid+"\">"+data[i].tplName+"</option>");
//                                }
//                                $("#homePage").html(render.join(""));
//                                $("#cablet").html(render.join(""));
//                                $("#homePage").val(indextpl);
//                                //$("#cablet").val(detailtpl);
//                                /*if ($("#homePage").val() == val) {
//                                    $(this).attr('selected', 'selected')
//                                } else {
//                                    $(this).removeAttr('selected', 'selected')
//                                }*/
//                              /* checkehuo("homePage",data[0].tplFileName);
//                                checkehuo("cablet",data[0].tplFileName);*/
//                            }
//                        }
//                    })
                },
                btn1: function (index) {
                    var templateId=$("#homePage option:checked").val();
                    var detailTemplate=$("#cablet option:checked").val();
                    if($('input[name="portalMark"]').val()==''){
                        layer.msg('请填写站点标识', { icon:6});
                        return false;
                    }
                    $.ajax({
                        type:'post',
                        url:'/cmsSite/updateSiteInfo',
                        dataType:'json',
                        data:{
                            templateId:templateId,
                            detailTpl:detailTemplate,
                            indexTpl:templateId,
                            sid:portalId,
                            siteName:$('input[name="portalName"]').val(),
                            siteIdentity:$('input[name="portalMark"]').val(),
                            sortNo:$('input[name="sortNo"]').val(),
                            folder:$('input[name="path"]').val()
                        },
                    });
                    layer.close(index);
                    location.reload();
                },

            });
        })
    })
</script>
</html>
